<template>
	<div
		class="clearfix shop-info"
		:style="{
			color: modelData.color,
			backgroundColor: modelData.bgColor
		}"
	>
		<div class="float_left"><image :src="modelData.image.url" mode="aspectFill" class="shop-logo"></image></div>
		<div class="float_left">
			<p class="shop-name">{{storeData.name}}</p>
			<!-- <p class="shop-num">9999人关注</p> -->
		</div>
		<!--div class="float_right college-btn">
      <text class="ibonfont ibonshoucang3"></text>
      <span style="margin-left: 3px">关注</span>
    </div-->
	</div>
</template>

<script>
export default {
	name: 'ShopInfo',
	props: {
		modelData: {
			type: Object,
			default: () => {
				return {};
			}
		},
		storeData: {
			type: Object,
			default: () => {
				return {};
			}
		}
	},
	data() {
		return {};
	}
};
</script>

<style scoped lang="scss">
.shop-info {
	padding: 20rpx 24rpx;
	.shop-logo {
		width: 88rpx;
		height: 88rpx;
		border-radius: 8rpx;
		display: block;
		margin-right: 20rpx;
	}
	.shop-name{
		line-height: 88rpx;
		font-weight: bold;
	}
	.shop-num {
		font-size: 24rpx;
		padding-top: 10rpx;
	}
	.college-btn {
		font-size: 24rpx;
		padding: 0 20rpx;
		line-height: 60rpx;
		background-color: #ff4400;
		color: #ffffff;
		border-radius: 8rpx;
		transform: translateY(14rpx);
	}
}
</style>
